body{
    height:auto;
}

.view_wrapper{
    position: absolute;
    width: 100%;
    height:650px;
}
.main_view{
    position: absolute;
    left: 0px;
    top: 0px;
    height:80%;
    width:70%;
    text-align:center;
}
p{
padding: 10px;
}
img {
    margin-top: 8%;
    width: 60%;
    height: 60%;
    max-width: 100%;
    max-height: 100%;
}

img.img-arror {
    margin: 0px;
    width: 10%;
    height:10%;
    position: absolute;
}

img.img-part {
    margin: 0px;
    width: 20%;
    height:20%;
    position: absolute;
}

.bottom_view{
    left: 0px;
    top: 80%;
    position: absolute;
    width:100%;height:20%;
    background-color:grey;
}
.right_view {
    left: 70%;
    top: 0px;
    position: absolute;
    width:30%;height:80%;
    background:#f5f5f5;
    //padding: 10px;
}
.oper_button_view {
    padding: 10px; 
}
.oper_bt {
    width: 10%;
    height: 30%;
    background-color: #008df3;
}
.description {
    height: 100%;
    overflow:scroll;
}
#canvas {
    width: 100%;height:100%;
}
.desc_detail {
    text-align: center; 
}
ul {
    list-style-type:none;
    counter-reset:sectioncounter;
    width:80%;
}

ul li:before {  
    content:counter(sectioncounter) "、";   
    counter-increment:sectioncounter;  
}
